<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
// var Web3 = require('web3');
// import Web3Modal from "web3modal";
// import WalletConnectProvider from "@walletconnect/web3-provider";
// const providerOptions = {
//     /* See Provider Options Section */
//     walletconnect: {
//         package: WalletConnectProvider,
//         options: {
//             infuraId: "INFURA_ID"
//         }
//     }
// };

// const web3Modal = new Web3Modal({
//     network: "mainnet", // optional
//     cacheProvider: false, // optional
//     providerOptions // required
// });

export default {
    name: 'App',
    methods: {
        async initialWeb() {

            this.$store.commit('initWeb3');
            // const provider = await web3Modal.connect();

            // const web3 = new Web3(provider);
            // this.$store.commit('initContract', web3);
            // if (window.ethereum) {
            //     window.web3 = new Web3(ethereum);
            //     try {
            //         await ethereum.enable();
            //     } catch (error) {
            //         console.log('ethereum enable error . ', error);
            //     }
            //     this.$store.commit('initContract', web3);
            // } else if (typeof web3 !== 'undefined') {
            //     console.debug(web3.currentProvider);
            //     web3 = new Web3(web3.currentProvider);
            //     this.$store.commit('initContract', web3);
            // } else {
            //     alert("No currentProvider for web3");
            // }
        }
    },
    created() {
        this.initialWeb();
    }
}
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 20px;
}
</style>
